<!-- Screen Display Style Sheet for Server Report -->

body
{
    margin: 0;
    padding: 0;
    border: 0;      /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #FFFFFF;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

td
{
    color: #0F0F0F;
    background: #FFFFFF;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

td p
{
    color: #0F0F0F;
    background: #FFFFFF;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

#header {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px;
}

/* column container */
.colmask {
  position: relative;  /* This fixes the IE7 overflow hidden bug */
  clear: both;
  float: left;
  width: 100%;      /* width of whole page */
  overflow: hidden;    /* This chops off any overhanging divs */
}
/* common column settings */
.colleft,
.colmid,
.colright {
  float: left;
  width: 100%;
  position: relative;
}
.col1,
.col2,
.col3 {
  float: left;
  position: relative;
  padding: 0 0 0 0;
  overflow: hidden;
}
/* 3 Column settings */
.threecol {
  background: #ffffff;    /* right column background colour */
}
.threecol .colmid {
  right: 33%;             /* width of the right column */
  background: #ffffff;    /* center column background colour */
}
.threecol .colleft {
  right: 33%;             /* width of the middle column */
  background: #ffffff;    /* left column background colour */
}
.threecol .col1 {
  width: 31%;             /* width of center column content (column width minus padding on either side) */
  left: 101%;             /* 100% plus left padding of center column */
}
.threecol .col2 {
  width: 32%;             /* Width of left column content (column width minus padding on either side) */
  left: 36%;              /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
  width: 31%;             /* Width of right column content (column width minus padding on either side) */
  left: 71%;              /* Please make note of the brackets here: 
                            (100% - left column width) plus
                            (center column left and right padding) plus 
                            (left column left and right padding) plus
                            (right column left padding) */
}


.blogstyle {
    background: #ffffff;   /* right column background colour */
}
.blogstyle .colmid {
    right: 45%;            /* width of the right column */
    background: #ffffff;   /* center column background colour */
}
.blogstyle .colleft {
    right: 35%;            /* width of the middle column */
    background: #ffffff;   /* left column background colour */
}
.blogstyle .col1 {
    width: 18%;            /* width of center column content (column width minus padding on either side) */
    left: 81%;            /* 100% plus left padding of center column */
}
.blogstyle .col2 {
    width: 33%;            /* Width of left column content (column width minus padding on either side) */
    left: 83%;             /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
    width: 43%;            /* Width of right column content (column width minus padding on either side) */
    left: 85%;             /* Please make note of the brackets here:
                              (100% - left column width) plus
                              (center column left and right padding) plus
                              (left column left and right padding) plus
                              (right column left padding) */
}


/* 2 Column (double page) settings */
.doublepage {
  background: #ffffff;    /* right column background colour */
}
.doublepage .colleft {
  right: 50%;             /* right column width */
  background: #ffffff;    /* left column background colour */
}
.doublepage .col1 {
  width: 48%;             /* left column content width (column width minus left and right padding) */
  left: 51%;              /* right column width plus left column left padding */
}
.doublepage .col2 {
  width: 48%;             /* right column content width (column width minus left and right padding) */
  left: 53%;              /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

#footer {
    clear: both;
    float: left;
    width: 100%;
    border-top-style: Solid;
    border-top-color: #111133;
    border-top-width: 1px;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0;
    text-align: right;
}



h1
{
    color: #111133;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 14pt;
    font-weight: Bolder;
    margin-left: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    page-break-after: avoid;
}

h2
{
    color: #331111;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 13pt;
    font-weight: Bolder;
    margin-left: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    page-break-after: avoid;
}

h3
{
    color: #113311;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12pt;
    font-weight: Bolder;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 4px;
    margin-top: 10px;
    page-break-after: avoid;
}

h4
{
    color: #113311;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11pt;
    font-weight: Bolder;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 4px;
    margin-top: 10px;
    page-break-after: avoid;
}

.server
{
    position: relative;  /* This fixes the IE7 overflow hidden bug */
    clear: both;
    overflow: hidden;     /* This chops off any overhanging divs */
    border-style: Solid;
    border-color: #331111;
    border-width: 2px 6px 6px 2px;
    margin-bottom: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px;
}

.storage
{
    position: relative;  /* This fixes the IE7 overflow hidden bug */
    clear: both;
    overflow: hidden;     /* This chops off any overhanging divs */
    border-style: Solid;
    border-color: #113311;
    border-width: 2px 6px 6px 2px;
    margin-bottom: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px;
}

.vm
{
    position: relative;  /* This fixes the IE7 overflow hidden bug */
    clear: both;
    overflow: hidden;     /* This chops off any overhanging divs */
    border-style: Solid;
    border-width: 2px 6px 6px 2px;
    margin-bottom: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px;
    padding-bottom: -5px;
    page-break-inside: avoid;
}

.running
{
    border-color: #44aa44;
}

.suspended
{
    border-color: #E66C2C;
}

.stopped
{
    border-color: #ff3333;
}

.progressbar
{
    border: 1px solid #999999;
    width: 95%;
    padding: 1px;
    float: left;
    background: #FFFFFF;
    position: relative;
    text-align: center;
    height: 20px;
    margin-bottom: 4px;
}

.dark-on-light {
    height: 20px;
    color: #000000;
}
.light-on-dark {
    height: 20px;
    color: #ffffff;
}
.wrapper {
    overflow: hidden;
    position: absolute;
    top: 1; left: 1;
}
.dark-on-light {
    width: 100%;
}

.nobreaks
{
    white-space: nowrap;
}

img
{
    border: 0;
    margin: 10px;
}

.ok td
{
    background-color: #e6ffe6;
}
.warning td
{
    background-color: #fff3b2;
}
.error td
{
    background-color: #ffe6e6;
}

p
{
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

hr
{
    border:0;
    width: 50%;
    color: #449944;
    background-color: #449944;
    height: 1px;
}

table
{
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

td.iconcol
{
    text-align: center;
    width: 3.5em;
}

img.icon
{
    width: 3em;
}

td.srvimg
{
    width: 11em;
    text-align: center;
    vertical-align: top;
}

img.srvimg
{
    width: 10em;
}